.box {
    width: 200px;
    height: 200px;
    /* background: red; */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-around;
}
.box .a{
    width: 30%;
    height: 30%;
    /* background: #000; */
    border: 1px solid black;
}
.box .box1 {
    width: 30%;
    height: 30%;
    /* background: #000; */
    border: 1px solid black;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}
.box .box1 .boder{

    border-radius: 8px;
    background: black;
    height: 20%;
    width: 20%; 
}
.box  .box2 {
    width: 30%;
    height: 30%;
    /* background: #000; */
    border: 1px solid black;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-around; 
}
.box .box2 .boder{

    border-radius: 8px;
    background: black;
    height: 20%;
    width: 20%; 
}

.box .box3 {
    width: 30%;
    height: 30%;
    /* background: #000; */
    border: 1px solid black;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    
}
.box .box3 .boder{

    border-radius: 8px;
    background: black;
    height: 20%;
    width: 20%; 
}
.box .box4 {
    width: 30%;
    height: 30%;
    /* background: #000; */
    border: 1px solid black;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    
}
.box .box4 .boder{

    border-radius: 8px;
    background: black;
    height: 20%;
    width: 20%; 
}
.box .box5 {
    width: 30%;
    height: 30%;
    /* background: #000; */
    border: 1px solid black;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    
}
.box .box5 .boder{

    border-radius: 8px;
    background: black;
    height: 20%;
    width: 20%; 
}
.box .box6 {
    width: 30%;
    height: 30%;
    /* background: #000; */
    border: 1px solid black;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    
}
.box .box6 .boder{

    border-radius: 8px;
    background: black;
    height: 20%;
    width: 20%; 
}